<template>
    <div class="proup" id="inputPP">
      <v-probox-common v-model="rel.property"></v-probox-common>
      <hr>
      <div class="ptem">
        <div class="i6d6">
          <label><strong>填写设置</strong></label>
        </div>
      </div>
      <div class="ptem">
        <div class="i2d6">货币(单位)</div>
        <div class="i4d6">
          <select v-model="rel.property.numberOption.unit">
            <option data-value="￥">人民币 ￥</option>
            <option data-value="$">美元 $</option>
            <option data-value="€">欧元 €</option>
            <option data-value="￡">英镑 ￡</option>
            <option data-value="₣">法郎 ₣</option>
            <option data-value="¥">日元 ¥</option>
            <option data-value="₩">韩元 ₩</option>
          </select>
        </div>
      </div>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox" v-model="rel.property.numberOption.limitValue">数值范围</label>
        </div>
        <div class="i4d6">
          <el-input-number :style="{width: '50px'}" :controls="false" v-model="rel.property.numberOption.min"></el-input-number>~
          <el-input-number :style="{width: '50px'}" :controls="false" v-model="rel.property.numberOption.max"></el-input-number>
        </div>
      </div>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox" v-model="rel.property.numberOption.limitDecimal">允许小数点</label>
        </div>
        <div class="i4d6">
          <label>保留小数点后<el-input-number :style="{width: '50px'}" :controls="false" v-model="rel.property.numberOption.decimal"></el-input-number> 位</label>
        </div>
      </div>
      <hr>
      <v-probox-layout  v-model="rel.property"></v-probox-layout>
    </div>
</template>

<script>
import proboxCommon from './libs/pro-box-common'
import proboxLayout from './libs/pro-box-layout'

export default{
  props:["rel"],
  components:{
    'v-probox-layout':proboxLayout,
    'v-probox-common':proboxCommon
  },
  data:function(){
    return {
    }
  }
}
</script>

